<!-- 提货专区提货卡详情 -->
<template>
	<view class="container">
		<view class="cut"></view>
		<view class="orderInfo">
			<view class="cell">
				<text class="a">服务卡名称：</text>
				<text class="b">{{data.card_name}}</text>
			</view>
			<view class="cell">
				<text class="a">剩余卡点：</text>
				<text class="b">{{data.surplus_card_value}}</text>
			</view>
			<view class="cell">
				<text class="a">订单状态：</text>
				<text class="b">{{data._status._title}}</text>
			</view>
			<view class="cell">
				<text class="a">订单编号：</text>
				<text class="b">{{data.order_id}}</text>
			</view>
			<view class="cell">
				<text class="a">下单时间：</text>
				<text class="b">{{data.add_time}}</text>
			</view>
			<view class="cell">
				<text class="a">余额抵扣：</text>
				<text class="b">￥{{data.use_now_money||"0.00"}}</text>
			</view>
			<view class="cell">
				<text class="a">现金支付：</text>
				<text class="b">￥{{data.pay_price||"0.00"}}</text>
			</view>
			<view class="cell">
				<text class="a">订单总价：</text>
				<text class="b">￥{{data.total_price||"0.00"}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	import util from "@/utils/util.js"
	import {
		servicePay
	} from "@/api/user.js"
	export default {
		data() {
			return {
				data: {}, // 提货卡信息
			}
		},
		onLoad(option) {
			this.data = JSON.parse(decodeURIComponent(option.item))
		},
		methods: {
		}
	}
</script>

<style lang="scss" scoped>
	.container {
		.cut {
			width: 750rpx;
			height: 24rpx;
			background: rgba(250, 250, 250, 1);
		}

		.section-header {
			background-color: #fff;
			text-align: center;
			padding: 70rpx 0;
			.valid_time {
				font-size: 36rpx;
				font-weight: bold;
				color: #333;

				text {
					font-size: 28rpx;
					margin-right: 10rpx;
				}
			}

			.price {
				font-size: 40rpx;
				color: #333;
				margin: 35rpx 0;
				font-weight: bold;

				text {
					font-size: 72rpx;
				}
			}

			.confirm {
				font-size: 34rpx;

				text {
					font-weight: bold;
					margin-left: 20rpx;
				}
			}
		}


		.orderInfo {
			padding: 30rpx;

			.cell {
				display: flex;
				align-items: center;
				color: #666;
				font-size: 28rpx;
				line-height: 80rpx;

				.a {
					width: 200rpx;
				}

				.b {
					flex: 1;
				}
			}
		}
	}
</style>
